﻿/** 
 * config.less
 * ud2样式配置
 */

/* 基础变量 */
// 默认系数大小为10px
@BaseSize: 10px;
// 默认字体大小为14px
@BaseFontSize: (1.4 * @BaseSize);
// 默认小尺寸为12px
@BaseSmall: (1.2 * @BaseSize);
// 默认大尺寸为16px
@BaseLarge: (1.6 * @BaseSize);
// 默认行距大小为2倍字体大小
@LineHeight: 2;

// 默认时H1字体大小为34px
@H1FontSize: (3.4 * @BaseSize);
// 默认时H2字体大小为28px
@H2FontSize: (2.8 * @BaseSize);
// 默认时H3字体大小为22px
@H3FontSize: (2.2 * @BaseSize);
// 默认时H4字体大小为18px
@H4FontSize: (1.8 * @BaseSize);
// 默认时H5字体大小为14px
@H5FontSize: @BaseFontSize;
// 默认时H6字体大小为12px
@H6FontSize: @BaseSmall;

// 默认控件圆角为3px
@BorderRadius: (.3 * @BaseSize);

// 默认字体
@Font: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
// 代码字体
@FontCode: Monaco, Menlo, Consolas, 'Courier New', monospace, sans-serif; 
// 最大ZINDEX
@MaxZIndex: 1000000;
// hover状态时的不透明度
@OpacityHover: .7;
// 非重要文本的不透明度
@OpacityNoImport: .5;


/* 布局变量 */
// 布局默认内边距
@LayoutPadding: (1.2 * @BaseSize);
// 栅格最大列数
@GridMaxColumn: 12;

// 在1200px+宽度下，视为大号屏幕设备
// 大号屏幕设备的最小宽度
@LargeScreenMinWidth: 1200px;

// 在992px-1199px宽度下，视为中号屏幕设备
// 中号屏幕设备的最小宽度
@MiddleScreenMinWidth: 992px;
// 中号屏幕设备的最大宽度
@MiddleScreenMaxWidth: (@LargeScreenMinWidth - 1);

// 在768px-991px宽度下，视为小号屏幕设备
// 小号屏幕设备的最小宽度
@SmallScreenMinWidth: 768px;
// 小号屏幕设备的最大宽度
@SmallScreenMaxWidth: (@MiddleScreenMinWidth - 1);

// 在320px-767px宽度下，视为手机设备
// 手机设备的最小宽度
@PhoneScreenMinWidth: 320px;
// 手机设备的最大宽度
@PhoneScreenMaxWidth: (@SmallScreenMinWidth - 1);


/* 控件变量 */
// 控件默认宽度
@CtrlWidth: (15 * @BaseSize);
// 控件默认高度
@CtrlHeight: (3.4 * @BaseSize);
// 控件上下方向内边距
@CtrlPaddingTB: (.4 * @BaseSize);
// 控件左右方向内边距
@CtrlPaddingLR: (.8 * @BaseSize);
// 控件默认行高
@CtrlLineHeight: (2.4 * @BaseSize);
// 控件尺寸梯度 小尺寸 -2 大尺寸 +2
@CtrlSizeGradient: (.2 * @BaseSize);
// 控件默认图标颜色
@CtrlIcoColor: darken(@ColorBlueBorder, 20%);
// 控件默认图标滑上颜色
@CtrlIcoHoverColor: darken(@ColorBlueBorder, 40%);
// 控件列表阴影
@CtrlShadow: 1px 1px 3px rgba(0, 0, 0, .12);


/* 颜色变量 */
// 默认文本颜色
@ColorText: #5B5B5B;
// 默认非重要文本颜色
@ColorTextNoImport: #939393;
// 默认注释文本
@ColorNotes: #B5B5B5;
// 黑色方案
@ColorBlack: #000;

// 白色方案
@ColorWhite: #FFF;
@ColorWhiteDeeper: #F2F2F2;
@ColorWhiteDeepest: #E6E6E6;
@ColorWhiteBorder: #E0E0E0;
@ColorWhiteBackLight: @ColorWhiteDeeper;
@ColorWhiteBackDark: #C5C8CB;

// 深色方案
@ColorDark: #353940;
@ColorDarkDeeper: #292D32;
@ColorDarkDeepest: #141619;
@ColorDarkBorder: #939393;
@ColorDarkBackLight: #B5B5B5;
@ColorDarkBackDark: #5B5B5B;

// 灰色方案
@ColorGrey: #707377;
@ColorGreyDeeper: #636569;
@ColorGreyDeepest: #4F5153;
@ColorGreyBorder: #B1B1B1;
@ColorGreyBackLight: #CACACA;
@ColorGreyBackDark: #898989;

// 红色方案
@ColorRed: #D35B5B;
@ColorRedDeeper: #C14444;
@ColorRedDeepest: #B03B3B;
@ColorRedBorder: #FDDEDC;
@ColorRedBackLight: #FBECEB;
@ColorRedBackDark: #D46666;

// 橙色方案
@ColorOrange: #F9942F;
@ColorOrangeDeeper: #F68513;
@ColorOrangeDeepest: #E07407;
@ColorOrangeBorder: #FFDDBA;
@ColorOrangeBackLight: #FFEEDC;
@ColorOrangeBackDark: #F2A057;

// 黄色方案
@ColorYellow: #FFB538;
@ColorYellowDeeper: #F9A81D;
@ColorYellowDeepest: #EC9A0E;
@ColorYellowBorder: #FFE1AF;
@ColorYellowBackLight: #FEF2DD;
@ColorYellowBackDark: #F6B546;

// 绿色方案
@ColorGreen: #18A689;
@ColorGreenDeeper: #159077;
@ColorGreenDeepest: #127E69;
@ColorGreenBorder: #C5EADD;
@ColorGreenBackLight: #ECF6EC;
@ColorGreenBackDark: #18A689;

// 天蓝色方案
@ColorTeal: #319DB5;
@ColorTealDeeper: #2C8CA1;
@ColorTealDeepest: #267A8D;
@ColorTealBorder: #B1DEE8;
@ColorTealBackLight: #EAFAFD;
@ColorTealBackDark: #51B0C5;

// 蓝色方案
@ColorBlue: #3F99D5;
@ColorBlueDeeper: #3785B9;
@ColorBlueDeepest: #3075A3;
@ColorBlueBorder: #B1D4EB;
@ColorBlueBackLight: #EDF7FF;
@ColorBlueBackDark: #509ACB; 

// 紫蓝色方案
@ColorViolet: #7D6FCC;
@ColorVioletDeeper: #6E62B5;
@ColorVioletDeepest: #61569F;
@ColorVioletBorder: #E1D0F4;
@ColorVioletBackLight: #F5ECFF;
@ColorVioletBackDark: #9388D4;

// 紫色方案
@ColorPurple: #CC6FC6;
@ColorPurpleDeeper: #B45EAF;
@ColorPurpleDeepest: #904B8C;
@ColorPurpleBorder: #F4D0E6;
@ColorPurpleBackLight: #FFE9F7;
@ColorPurpleBackDark: #D286CD;

// 粉色方案
@ColorPink: #E156A2;
@ColorPinkDeeper: #D93991;
@ColorPinkDeepest: #BC2F7B;
@ColorPinkBorder: #F6C7E0;
@ColorPinkBackLight: #FCE7F3;
@ColorPinkBackDark: #DF77B4;

// 棕色方案
@ColorBrown: #CB8B4F;
@ColorBrownDeeper: #C47D3A;
@ColorBrownDeepest: #B16D2C;
@ColorBrownBorder: #E9D3BF;
@ColorBrownBackLight: #FAEDE1;
@ColorBrownBackDark: #CD9667;
